<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset万能清.css">
    <link rel="Shortcut Icon" href="../font/ico/title.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../node_modules/_swiper@8.3.2@swiper/swiper-bundle.min.css">
    <script src="../node_modules/_swiper@8.3.2@swiper/swiper-bundle.min.js"></script>
</head>

<body>
    <header></header>
    <div class="bx">
        <!-- 轮播图 -->
        <div class="lunbo">
            <div class="swiper">
                <div class="swiper-wrapper">
                </div>
                <!-- 分页器 -->
                <div class="swiper-pagination"></div>
                <!-- 导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>
            </div>
        </div>
        <!-- 系列产品 -->
        <div class="product">
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu1.webp" alt="">
                </div>
                <div class="product-wz">Find N 系列</div>
            </div>

            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu2.webp" alt="">
                </div>
                <div class="product-wz">Find X 系列</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu3.webp" alt="">
                </div>
                <div class="product-wz">Reno 系列</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu4.webp" alt="">
                </div>
                <div class="product-wz">K 系列</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu5.webp" alt="">
                </div>
                <div class="product-wz">A 系列</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu6.png" alt="">
                </div>
                <div class="product-wz">智能声学</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu7.png" alt="">
                </div>
                <div class="product-wz">智能穿戴</div>
            </div>
            <div class="product-tw">
                <div class="product-tu">
                    <img src="../img/product-tu8.png" alt="">
                </div>
                <div class="product-wz">平板电脑</div>
            </div>
        </div>
        <!-- Find N 系列 -->
        <div class="N-series">
            <div class="Ns-top">Find N 系列</div>
            <div class="Ns-bottom">
                <div class="bt-left">
                    <img src="../img/N-series-tu1.webp" alt="">
                </div>
                <div class="bt-right">
                    <div class="btr-tw">
                        <div class="btrtu">
                            <img src="../img/btrtu1.webp" alt="">
                        </div>
                        <div class="btrname">Find N 星夜</div>
                        <div class="btnprice">
                            <p>券后价<span>￥7689</span></p>
                        </div>
                    </div>
                    <div class="btr-tw">
                        <div class="btrtu">
                            <img src="../img/btrtu2.webp" alt="">
                        </div>
                        <div class="btrname">Find N 云端</div>
                        <div class="btnprice">
                            <p>券后价<span>￥8989</span></p>
                        </div>
                    </div>
                    <div class="btr-tw">
                        <div class="btrtu">
                            <img src="../img/btrtu3.webp" alt="">
                        </div>
                        <div class="btrname">Find N 浮光</div>
                        <div class="btnprice">
                            <p>券后价<span>￥8989</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Find X 系列 -->
        <div class="X-series">
            <div class="Xs-top">Find X 系列</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/X-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/mdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">Find X5 Pro 水蓝</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥5489</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/mdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">Find X5 Pro 黑釉</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥5489</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/mdrtu3.png" alt="">
                        </div>
                        <div class="mdrname">Find X5 Pro 白瓷</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥5489</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/mdrtu4.png" alt="">
                    </div>
                    <div class="btrname">Find X5 Pro 天玑版 黑釉</div>
                    <div class="btnprice">
                        <p>券后价<span>￥4489</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/mdrtu5.png" alt="">
                    </div>
                    <div class="btrname">Find X5 Pro 天玑版 白瓷</div>
                    <div class="btnprice">
                        <p>券后价<span>￥4489</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/mdrtu6.png" alt="">
                    </div>
                    <div class="btrname">Find X5 素黑</div>
                    <div class="btnprice">
                        <p>券后价<span>￥3189</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/mdrtu7.png" alt="">
                    </div>
                    <div class="btrname">Find X5 雅白</div>
                    <div class="btnprice">
                        <p>券后价<span>￥3989</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/mdrtu8.png" alt="">
                    </div>
                    <div class="btrname">Find X5 镜紫</div>
                    <div class="btnprice">
                        <p>券后价<span>￥4389</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Reno 系列 -->
        <div class="Rn-series">
            <div class="Rn-top">Reno 系列</div>
            <div class="Rn-middle">
                <div class="md-left">
                    <img src="../img/Rn-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Rnmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO Reno8 微醺</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥2689</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Rnmdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO Reno8 Pro 微醺</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥3489</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Rnmdrtu3.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO Reno8 Pro+ 逍遥青</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥3989</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Rn-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Rnmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">Reno7 星雨心愿</div>
                    <div class="btnprice">
                        <p>券后价<span>￥1989</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Rnmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">Reno7 星夜黑</div>
                    <div class="btnprice">
                        <p>券后价<span>￥2989</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- K 系列 -->
        <div class="Rn-series">
            <div class="Rn-top">K 系列</div>
            <div class="Rn-middle">
                <div class="md-left">
                    <img src="../img/K-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Kmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">
                            K10 暗夜黑</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥2039</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Kmdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">
                            K10 Pro 钛黑</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥2489</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Kmdrtu3.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO K10 活力版 星耀黑</div>
                        <div class="mdnprice">
                            <span>￥2199</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Rn-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Kmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">K9x 黑曜武士</div>
                    <div class="btnprice">
                        <p>到手价<span>￥1199</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Kmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">K9s 幻紫流沙</div>
                    <div class="btnprice">
                        <p>到手价<span>￥1599</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Kmdrtu6.png" alt="">
                    </div>
                    <div class="btrname">K9 Pro 冰河序曲</div>
                    <div class="btnprice">
                        <p>到手价<span>￥1499</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- A系列 -->
        <div class="Rn-series">
            <div class="Rn-top">A 系列</div>
            <div class="Rn-middle">
                <div class="md-left">
                    <img src="../img/A-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Amdrtu1.webp" alt="">
                        </div>
                        <div class="mdrname">
                            A96 琉璃幻彩</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1789</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Amdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO A55s 6G+128G 轻快蓝</div>
                        <div class="mdnprice">
                            <span>￥1099</span>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Amdrtu3.png" alt="">
                        </div>
                        <div class="mdrname">
                            A57 深海蓝</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1489</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="Rn-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Amdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">A57 晴川蓝</div>
                    <div class="btnprice">
                        <span>￥1599</span>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Amdrtu5.png" alt="">
                    </div>
                    <div class="btrname">A93s 白桃汽水</div>
                    <div class="btnprice">
                        <p>券后价<span>￥1389</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Amdrtu6.png" alt="">
                    </div>
                    <div class="btrname">A53 湖水绿</div>
                    <div class="btnprice">
                        <p>券后价<span>￥1689</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能声学 -->
        <div class="X-series">
            <div class="Xs-top">智能声学</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/Zn-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Znmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">OPPO Enco Air2 Pro</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥219</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Znmdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">OPPO Enco X2</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥789</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Znmdrtu3.webp" alt="">
                        </div>
                        <div class="mdrname">OPPO Enco Free2i</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥339</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Znmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">OPPO Enco X</div>
                    <div class="btnprice">
                        <p>券后价<span>￥519</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Znmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO Enco Air2</div>
                    <div class="btnprice">
                        <p>券后价<span>￥159</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Znmdrtu6.webp" alt="">
                    </div>
                    <div class="btrname">OPPO Enco Air 灵动版</div>
                    <div class="btnprice">
                        <p>到手价<span>￥99</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Znmdrtu7.webp" alt="">
                    </div>
                    <div class="btrname">OPPO Enco Free2</div>
                    <div class="btnprice">
                        <p>券后价<span>￥489</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Znmdrtu8.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO Enco M32 无线耳机</div>
                    <div class="btnprice">
                        <span>￥199</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能穿戴 -->
        <div class="X-series">
            <div class="Xs-top">智能穿戴</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/ZnCd-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/ZnCdmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">OPPO 手环 2 NFC 版 晴云蓝</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥269</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/ZnCdmdrtu2.webp" alt="">
                        </div>
                        <div class="mdrname">Watch 2 手表 42mm eSIM版</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥989</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/ZnCdmdrtu3.webp" alt="">
                        </div>
                        <div class="mdrname">Watch 2 手表 46mm eSIM版</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1489</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/ZnCdmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">Watch 2 手表 42mm 蓝牙版</div>
                    <div class="btnprice">
                        <p>券后价<span>￥889</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/ZnCdmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO Watch Free 新品手表</div>
                    <div class="btnprice">
                        <p>券后价<span>￥289</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/ZnCdmdrtu6.webp" alt="">
                    </div>
                    <div class="btrname">Watch 2 手表 42mm eSIM版</div>
                    <div class="btnprice">
                        <p>券手价<span>￥989</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/ZnCdmdrtu7.webp" alt="">
                    </div>
                    <div class="btrname">Watch 2 ECG 版</div>
                    <div class="btnprice">
                        <p>券后价<span>￥1689</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/ZnCdmdrtu8.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 手环 活力版 蓝色风暴</div>
                    <div class="btnprice">
                        <p>券后价<span>￥159</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 平板电脑 -->
        <div class="X-series">
            <div class="Xs-top">平板电脑</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/Pad-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Padmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">OPPO Pad Air 4GB+64GB 雾灰 官方标配</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1089</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Padmdrtu2.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO Pad Air 4GB+128GB 星银 手写笔套餐</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1538</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Padmdrtu3.png" alt="">
                        </div>
                        <div class="mdrname">OPPO Pad 6GB+128GB 耀夜黑 手写笔套餐
                        </div>
                        <div class="mdnprice">
                            <p>券后价<span>￥2608</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Padmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">OPPO Pencil 自研手写笔 OPPO Pad</div>
                    <div class="btnprice">
                        <p>券后价<span>￥489</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Padmdrtu5.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智美生活 智能手写笔 OPPO Pad Air
                    </div>
                    <div class="btnprice">
                        <p>券后价<span>￥289</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Padmdrtu6.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智美生活 智能磁吸键盘 仅适用 OPPO Pad Air</div>
                    <div class="btnprice">
                        <p>券手价<span>￥339</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Padmdrtu7.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智美生活 智能皮套 白色 仅适用 OPPO Pad Air</div>
                    <div class="btnprice">
                        <p>券后价<span>￥89</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Padmdrtu8.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智美生活 平板钢化膜 高清 仅适用 OPPO Pad</div>
                    <div class="btnprice">
                        <p>券后价<span>￥69</span></p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能电视 -->
        <div class="X-series">
            <div class="Xs-top">智能电视</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/Tv-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Tvmdrtu1.png" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO 智能电视 K9x 50英寸</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1389</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Tvmdrtu2.webp" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO 智能电视 K9 43英寸</div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1089</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Tvmdrtu3.webp" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO 智能电视 K9 55英寸
                        </div>
                        <div class="mdnprice">
                            <p>券后价<span>￥1589</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Tvmdrtu4.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智能电视 K9 65英寸</div>
                    <div class="btnprice">
                        <p>券后价<span>￥2389</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Tvmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智能电视 K9 75英寸
                    </div>
                    <div class="btnprice">
                        <p>券后价<span>￥3989</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Tvmdrtu6.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智能电视 R1 55英寸</div>
                    <div class="btnprice">
                        <span>￥4299</span>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Tvmdrtu7.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 智能电视 S1 65英寸</div>
                    <div class="btnprice">
                        <p>到手价<span>￥6499</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Tvmdrtu8.webp" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 蓝牙语音遥控器 黑色
                    </div>
                    <div class="btnprice">
                        <span>￥99</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 原装配件 -->
        <div class="X-series">
            <div class="Xs-top">原装配件</div>
            <div class="Xs-middle">
                <div class="md-left">
                    <img src="../img/Pj-series-tu1.webp" alt="">
                </div>
                <div class="md-right">
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Pjmdrtu1.webp" alt="">
                        </div>
                        <div class="mdrname">
                            30W VOOC 闪充套餐</div>
                        <div class="mdnprice">
                            <p>到手价<span>￥69</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Pjmdrtu2.webp" alt="">
                        </div>
                        <div class="mdrname">
                            30W 闪充移动电源</div>
                        <div class="mdnprice">
                            <p>到手价<span>￥139</span></p>
                        </div>
                    </div>
                    <div class="mdr-tw">
                        <div class="mdrtu">
                            <img src="../img/Pjmdrtu3.webp" alt="">
                        </div>
                        <div class="mdrname">
                            OPPO 半入耳式耳机
                        </div>
                        <div class="mdnprice">
                            <p>到手价<span>￥59</span></p>
                        </div>
                    </div>

                </div>
            </div>
            <div class="Xs-bottom">
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Pjmdrtu4.webp" alt="">
                    </div>
                    <div class="btrname">
                        65W 电源适配器</div>
                    <div class="btnprice">
                        <p>到手价<span>￥119</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Pjmdrtu5.webp" alt="">
                    </div>
                    <div class="btrname">
                        65W 氮化镓闪充套装
                    </div>
                    <div class="btnprice">
                        <p>到手价<span>￥139</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Pjmdrtu6.webp" alt="">
                    </div>
                    <div class="btrname">
                        50W SUPERVOOC 适配器</div>
                    <div class="btnprice">
                        <p>到手价<span>￥199</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Pjmdrtu7.webp" alt="">
                    </div>
                    <div class="btrname">
                        15W 无线充电器</div>
                    <div class="btnprice">
                        <p>到手价<span>￥89</span></p>
                    </div>
                </div>
                <div class="btr-tw">
                    <div class="btrtu">
                        <img src="../img/Pjmdrtu8.png" alt="">
                    </div>
                    <div class="btrname">
                        OPPO 闪充数据线
                    </div>
                    <div class="btnprice">
                        <p>到手价<span>￥39</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
</body>

</html>
<script src="../node_modules/_jquery@3.6.1@jquery/dist/jquery.js"></script>
<script src="../js/index.js"></script>